<template>
    <div>
        <van-nav-bar title="购物车" left-text="返回" left-arrow @click-left="() => { $router.push('/login/a1') }" />
            
        <van-swipe-cell>
            <div>
                <van-card price="2.00" title="商品标题" thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #thumb>
                        <div>
                            <van-checkbox v-model="checked"></van-checkbox>
                        </div>
                    </template>
                    <template #num>
                        <van-stepper v-model="value" theme="round" button-size="22" disable-input />
                    </template>
                </van-card>
            </div>
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>
        <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
            <van-checkbox v-model="checked">全选</van-checkbox>
        </van-submit-bar>

    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
let router = new useRouter()
import { ref } from 'vue';
import { useCounterStore } from '@/stores/gget'
// 可以在组件中的任意位置访问 `store` 变量 ✨
const store = useCounterStore()
let onSubmit = () => {
    router.push('/dd')
}
</script>

<style lang="scss" scoped></style>